<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="/ShoppingWebsite/css/head.css">
<script type="text/javascript" src="/ShoppingWebsite/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
window.onload = function()
				{
					/*document.getElementById("quitTitle").style.visibility="hidden";*/
					//判断session域中是否有用户名，有则读取
					var myName = '<%=session.getAttribute("userName")%>';
					if(myName == null || myName == "null")
					{
							
					}
					else
					{
						$("#loginTitle").text(myName + ", 你好！");
						
						document.getElementById("registerTitle").style.visibility="hidden";
						document.getElementById("quitTitle").style.visibility="visible";
					}
			
				}
</script>

<body>
<div class="HeadTop">
	<span id = "loginTitle" >[ <a href="/ShoppingWebsite/jsp/login.jsp" class="HeadTop_A">登陆</a> ]</span>&nbsp;&nbsp;&nbsp;
	<span id = "registerTitle" >[ <a href="/ShoppingWebsite/jsp/register.jsp" class="HeadTop_A" >注册</a> ]</span>&nbsp;&nbsp;&nbsp;
	<span id="quitTitle" class="quitTitle">[ <a href="${pageContext.request.contextPath}/QuitServlet" class="HeadTop_A" >退出登陆</a> ]</span>&nbsp;&nbsp;&nbsp;
	[ <a href="${pageContext.request.contextPath}/ArticleCarReadServlet" class="HeadTop_A">购物车</a> ]&nbsp;&nbsp;&nbsp;
	[ <a href="${pageContext.request.contextPath}/OrderReadServlet" class="HeadTop_A">我的订单</a> ]&nbsp;&nbsp;&nbsp;
	<a href="" class="HeadTop_A">设为首页</a> |
	<a href="" class="HeadTop_A">加入收藏</a>
</div>

<div class="HeadMiddle">
	<a href="${pageContext.request.contextPath}/IndexServlet">
		<img src="/ShoppingWebsite/images/logo.gif" alt="Can't found the image">
	</a>
	<img src="/ShoppingWebsite/images/banner.gif" alt="Can't found the image">
</div>

<div class="HeadBottom">
<table class="HeadBottom_Table">
	<tr>
		<td><a href="${pageContext.request.contextPath}/IndexServlet" class="HeadBottom_A">首页</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0001" class="HeadBottom_A">护肤</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0002" class="HeadBottom_A">彩妆</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0003" class="HeadBottom_A">香氛</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0004" class="HeadBottom_A">身体护理</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0005" class="HeadBottom_A">礼盒套装</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0006" class="HeadBottom_A">母婴专区</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0007" class="HeadBottom_A">男士专区</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0008" class="HeadBottom_A">粉底</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=0009" class="HeadBottom_A">粉饼</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=00017" class="HeadBottom_A">睫毛膏</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=00011" class="HeadBottom_A">唇彩</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=00012" class="HeadBottom_A">腮红</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=00013" class="HeadBottom_A">食品</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=00014" class="HeadBottom_A">保健</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=00015" class="HeadBottom_A">健身类</a></td>
		<td><a href="${pageContext.request.contextPath}/IndexServlet?type_code=00016" class="HeadBottom_A">美容类</a></td>
	</tr>
</table>
</div>

</body>